﻿html, body { overflow: hidden; }
html { font-size: 100px; }
body { font-size: 0.32rem; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td, button, a { padding: 0; margin: 0; list-style: none; font-family: Arial,Helvetica,sans-serif,宋体; text-indent: 0px; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; user-select: none; }
h1, h2, h3, h4, h5, h6, th, strong { font-size: 100%; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
cite, em { font-style: normal; }
img, button { border: 0px none; }
a { text-decoration: none; cursor: pointer; }
button { cursor: pointer; background: none; vertical-align: middle; overflow: visible; }
input, button, select, textarea { outline: none; border-radius: 0.03rem; vertical-align: middle; }
textarea { resize: none; }
td.top, table.top td { vertical-align: top; }

input[type=number] { -moz-appearance: textfield; -webkit-appearance: textfield; }
select { -moz-appearance: textfield; -webkit-appearance: textfield; }

.load { background: url(../img/ajax.gif) no-repeat center -1rem; }
.load.show { background-position: center 0.2rem; }
.load.show.hide { background-position: center -1rem; }

section { background: white; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
section.footer { z-index: 2; }
header { width: 100%; background: white; height: 0.96rem; overflow: hidden; z-index: 2; }
header h1 { color: #0d0d0d; text-align: center; line-height: 0.96rem; font-size: 1.2em; }

header a { position: absolute; top: 0; color: #333; width: 0.96rem; height: 0.96rem; line-height: 0.96rem; font-size: 1.20em; text-align: center; }
header .left { left: 0; background: url(../img/history.png) no-repeat center center; background-size: 0.21rem 0.32rem; }
header .right { right: 0; width: 1.2rem; }
.historyback { }

article { position: absolute; top: 0.96rem; bottom: 0.97rem; left: 0; right: 0; overflow: auto; }
article table { width: 100%; }

footer { display: -webkit-box; display: -webkit-flex; display: flex; height: 0.96rem; border-top: solid 1px #b4b4b4; position: absolute; bottom: 0px; width: 100%; background: #f7f7f7; overflow: hidden; background-color: white; }
footer > a { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: block; text-align: center; background: white; line-height: 0.44rem; font-size: 0.24rem; color: #757575; }
footer.icon > a { padding-top: 0.52rem; background-position: center top; background-size: 0.6rem; background-image: url(../img/m1.png); background-repeat: no-repeat; }
footer > a:nth-child(2) { background-image: url(../img/m2.png); }
footer > a:nth-child(3) { background-image: url(../img/m3.png); }
footer > a:nth-child(4) { background-image: url(../img/m4.png); }

footer > a.active { color: #faab34; }
footer > a:nth-child(1).active { background-image: url(../img/m1s.png); }
footer > a:nth-child(2).active { background-image: url(../img/m2s.png); }
footer > a:nth-child(3).active { background-image: url(../img/m3s.png); }
footer > a:nth-child(4).active { background-image: url(../img/m4s.png); }

footer.tabbar { display: block; }
footer > ul { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; }
footer > ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; text-align: center; color: white; }
footer > ul li.active, footer ul li a.active { background: #0f9e2c; }

section.noheader article { top: 0; }
section.nofooter { z-index: 2; }
section.nofooter article { bottom: 0; }

/*多列样式*/
.item { border: 1px solid #dedfe0; border-left: none; border-right: none; }
.item li { border-bottom: 1px solid #dedfe0; padding: 0.2rem 0; min-height: 0.16rem; }
.item li:last-child { border: none; }
.item li > a { color: gray; }
.item.black li > a { color: black; }
.item.arrowr li > a, .item li > a.arrowr { background: url(../img/icon/arrowr.gif) no-repeat right center; margin-right: 0.2rem; display: block; }
.item li > a.noarrowr { background: none; }
.item.icon li > a img { vertical-align: middle; padding-right: 0.05rem; }
.item.pos15 li label { margin-left: 0.15rem; }

.flex li { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex li > a { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; }
.flex li > label { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; width: 0.6rem; flex: 0 0 0.6rem; }
.flex.icon li > label { text-align: center; }
.flex.icon li > label img { vertical-align: middle; width: 0.32rem; }
.flex.right li > label + a { text-align: right; margin-right: 0.2rem; }
.flex.right li > label + a.arrowr, .flex.right.arrowr li > label + a { padding-right: 0.3rem; }

@media all and (max-width:468px) {
    html { font-size: 65px; }
    body { font-size: 20.8px; }
}

@media all and (max-width:420px) {
    html { font-size: 58px; }
    body { font-size: 18.5px; }
}

@media all and (max-width:360px) {
    html { font-size: 50px; }
    body { font-size: 16px; }
}
